
// --------------------- 页面请求数据
// 打开layui文档，引入必须的js文件，css文件
// 设置属性和文档一致  form 表单name属性值 对象属性名保持一致
let form = layui.form;
let layer = layui.layer;
// 1. 请求数据
function get() {
    $.ajax({
        url: '/my/userinfo',
        success: function (res) {
            // console.log(res);
            if (res.status == 0) {
                // 2. 拿到数据，表单赋值
                // form 表单name属性值 对象属性名保持一致
                form.val("info", res.data);
            }
        }
    });
}

get();

// ------------------------- 修改 提交
// <input type="hidden" name="id"> 隐藏，意义：name属性id
// 1. 注册事件
$('form').on('submit', function (e) {
    e.preventDefault();
    // 2. 验证数据
    // 3. 收集数据
    let data = form.val('info');
    // 4. 提交数据
    $.ajax({
        url: '/my/userinfo',
        type: 'post',
        data: data,
        success: function (res) {
            layer.msg(res.message);
            if (res.status == 0) {
                // 修改昵称，页面渲染文字 实现联动  调用index.js的 ajax数据请求
                // info页面嵌套在index页面中(使用的iframe框嵌套)
                // (1) html页面嵌套，window对象是各自页面的，需要通过父子关系找到父级window
                // (2) index.js 把获取用户信息的 ajax请求 封装函数getInfo
                // (3) 提交数据成功，需要父级的ajax请求重新执行一次
                window.parent.getInfo();
                // 问题: 没有iframe  window还有parent吗   试试！没有！
            }
        }
    });

});


console.log(window.key);
console.log(window.parent.key);



// -------------- 重置表单数据
/* <button type="reset" > */
// 需求：重置表单的时候  执行重置操作后，登录账号这个表单仍然显示用户的账号  重置：回复到填写表一开始
//  触发form 重置 默认行为
$("form").on('reset', function (e) {
    e.preventDefault();

    // 获取用户数据 ajax重新调用！
    get();
});
